@import "compass/css3";
$fontColor: #409EFF;
$white: #fff;
$info: #919191;

body{
  background: $white;
}
.init-avatar{
  background: $white;
  padding: 30px 0;
  margin-top: 41px;
  .avatar-wrapper{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: #E0E0E0;
    @include border-radius(50%);
    position: relative;
    img{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      width: 58%;
    }
  }
}
.reg-area{
  width: 80%;
  margin: 0 auto;
  background: $white;
  padding: 10px 20px;
  .reg-item{
    margin-bottom: 18px;
    i{
      color: $fontColor;
      font-size: 20px;
    }
    .tips{
      color: red;
      margin-top: 5px;
    }
    .el-input__inner {
      border: 0;
      border-bottom: 1px solid #dcdfe6;
    }
  }
  .forget-pwd{
    margin-top: -5px;
    text-align: right;
    a{
      border-bottom: 1px solid #D5D5D5;
      color: #C6C4C4;
    }
  }
  .error-tip{
    margin-top: 20px;
    text-align: center;
    color: #ff0038;
    display: none;
  }
  .option{
    margin-top: 70px;
    .el-button{
      width: 100%;
      display: block;
    }
    .el-button + .el-button {
      margin-left: 0;
    }
    .register{
      border: 1px solid $fontColor;
      color: $fontColor;
      margin-top: 20px;
    }
  }
}





.activeColor{
  color: $fontColor;
}